@import "compass/css3";

*{margin:0;border:0;padding:0;text-decoration:none;
	box-sizing:border-box;}

.clearfix {
	*zoom:1;
}
.clearfix:after,.clearfix:before {
	display:table;
	content:"";
	line-height:0;
}
.clearfix:after {
	clear:both;
}

body {
	height:auto;
	background:url(../images/baidu_demo.png) no-repeat top center;
}
#ui-input {
	position:absolute;
	left:50%;
	top:50%;
	// padding:0 20px;
	border:1px solid red;
	background:#fff;
	width:300px;
	z-index:2;
	// display:none;
}
#input-title {
	padding:10px;
	background:#ccc;
	cursor:move;
	a {
		display:inline-block;
		float:right;
		width:20px;
		height:20px;
		background:url(../images/close_def.png) no-repeat;
		&:hover {
			background:url(../images/close_hov.png) no-repeat;
		}
	}
}

.input-cont {
	padding:30px 20px;
	a {
		float:right;
		font-size:12px;
		cursor:pointer;
		margin:5px 0;
	}
	.login {
		width:100%;
		height:40px;
		line-height:40px;
		text-align:center;
		color:#fff;
		background:#0000ff;
	}
}

.common {
	display:block;
	border:1px solid #ccc;
	width:100%;
	height:40px;
	font-size:14px;
	padding:5px;
	padding-left:25px;
}

.userName {
	background:url(../images/input_username.png) no-repeat left;
}

.userPas {
	margin-top:10px;
	background:url(../images/input_password.png) no-repeat left;
}

#marsk {
	position:absolute;
	width:100%;
	height:100%;
	background:#ccc;
	border:1px solid red;
	@include opacity(0.4);
	z-index:1;
	display:none;
}
#logon {
	margin:30px;
	float:right;
}